<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.prime.com.tr/ui" template="/layout/principal.xhtml"  >

    <ui:define name="content" style="width: 600px;align:center">
        <h1 class="title ui-widget-header ui-corner-all"  style="width: 600px;align:center">
            <h:outputText value="RESUMEN DEL ESTADO ACTUAL DE LA BASE"/>
        </h1>
       
        <h:form>
             <h:panelGrid columns="2">
                <h:outputLabel value="Campaña : " for="estadoId" />
                <p:selectOneMenu id="estadoId" value="#{report.id_campaign}" style="width: 350px;">
                    <f:selectItem itemLabel="Seleccione" itemValue="" />
					<f:selectItems value="#{initLoad.siCampaign}"/>
					<p:ajax update="display" listener="#{report.refreshPanelDisplay}" />
				</p:selectOneMenu>
			 </h:panelGrid>	 
           
           <p:poll interval="5" listener="#{report.refreshPanelDisplay}" update="display" /> 
	           <p:panel id="display">  
	               <h:panelGrid columns="2">  
	                   	<h:outputText style="width:300px" value="PROCESADO VALIDO Y TERMINADO" />
	      				<h:outputText value="#{report.valueGestionValido}"  />
	                    
	                    <h:outputText style="width:300px" value="PROCESADO INVALIDO Y TERMINADO" />
	      				<h:outputText value="#{report.valueGestionInvalido}" /> 
	               
	                    <h:outputText style="width:300px" value="EN PROCESO" />
	      				<h:outputText value="#{report.valueEnProceso}" />
	      				
	      				<h:outputText style="width:300px" value="PROXIMOS A SER PROCESADOS" />
	      				<h:outputText value="#{report.valueProximosProceso}" />
	      				
	      				<h:outputText style="width:300px;font-weight: bold;" value="BASE ACTUAL A SER PROCESADA" />
	      				<h:outputText style="font-weight: bold;" value="#{report.valueGestion}" />              
	               </h:panelGrid>  
	           </p:panel>
    
	 	</h:form> 
	</ui:define>
</ui:composition>